<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*1.é¦–é¡µ*/



.banner-bg {

	width: 100%;
	background-size: cover;
}

.banner-bg .swiper-wrapper{height:100%;}

.banner-bg .bg-img {

	height: 100% !important;

	position: relative;
	background-repeat: no-repeat;
    background-size: cover;
}



.banner-bg .bg-img img{

	width:100%;

	height: 100%;

}

/*æŒ‰é’®*/



.next-icon .icon-img {

	border-radius: 50%;

	background: no-repeat center center;

	background-size: cover;

}



.next-page i {

	font-size: 30px;

	animation: nextPage 2s linear infinite;

	-webkit-animation: nextPage 2s linear infinite;

}



.next-icon {

	position: absolute;

	left: 50%;

	bottom: 5%;

	transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	z-index: 2;

}



.next-icon .iconfont {

	color: #FFFFFF;

	font-size: 24px;

	z-index: 1;

	overflow: hidden;

}



@keyframes nextPage {

	0% {

		top: 10px;

		opacity: 1;

	}

	100% {

		top: 50px;

		opacity: 0;

	}

}



@-webkit-keyframes nextPage {

	0% {

		top: 10px;

		opacity: 1;

	}

	100% {

		top: 50px;

		opacity: 0;

	}

}





/*è¿›åº¦æ¡*/



.progress-tst {

	position: absolute;

	bottom: 15%;

	width: 100%;

	text-align: center;

	color: #fff;

	z-index:999;

}



.progress-tst h2 {

	font-size: 52px;

}



.progress-tst h1 {

	font-size: 60px;

}



.progress {

	height: 1px !important;

	background-color: rgba(255, 255, 255, .4) !important;

	border-radius: 0;

	box-shadow: none;

	margin: 0;

	overflow: visible;

	width: 100%;

	position: absolute;

	bottom: 23%;

	z-index: 999;

}



.progress .load-bar-inner {

	height: 99%;

	width: 0%;

	border-radius: inherit;

	position: relative;

	background-color: #fff;

	animation: loader 5s linear infinite;

	-moz-animation: loader 5s linear infinite;

	-webkit-animation: loader 5s linear infinite;

	-o-animation: loader 5s linear infinite;

}



@keyframes loader {

	from {

		width: 0%;

	}

	to {

		width: 100%;

	}

}



@-moz-keyframes loader {

	from {

		width: 0%;

	}

	to {

		width: 100%;

	}

}



@-webkit-keyframes loader {

	from {

		width: 0%;

	}

	to {

		width: 100%;

	}

}



@-o-keyframes loader {

	from {

		width: 0%;

	}

	to {

		width: 100%;

	}

}



@keyframes counter {

	from {

		left: -25px;

	}

	to {

		left: 323px;

	}

}



@-moz-keyframes counter {

	from {

		left: -25px;

	}

	to {

		left: 323px;

	}

}



@-webkit-keyframes counter {

	from {

		left: -25px;

	}

	to {

		left: 323px;

	}

}



@-o-keyframes counter {

	from {

		left: -25px;

	}

	to {

		left: 323px;

	}

}



@keyframes loader {

	from {

		width: 0%;

	}

	to {

		width: 100%;

	}

}



.load-bar-inner {

	height: 99%;

	width: 0%;

	border-radius: inherit;

	position: relative;

	background: #c2d7ac;

	animation: loader 10s linear infinite;

}





/*ç¬¬äºŒå±å¹•*/



.tab-cont {

	height: 100%;

}



.tab-cont .tabpic dt {

	width: 33.85%;

	overflow: hidden;

	background-position: center;

	background-size: cover;

}



.tab-cont .tabpic dd {

	width: 62%;
	position: relative;
}



.tab-cont .tabpic dd .span {

	padding: 20px;

	margin-right: 40px;

	position: absolute;

	top: 50%;

    margin-top: -240px;

	line-height: 36PX;

	width: 80%;

	height:420px;

	background-image: url(../images/beijing.png);

	background-size: 100% 100%;

	background-repeat: no-repeat;

	background-position: center;

	overflow: auto;

	text-overflow: ellipsis;

	/* for IE */

	-o-text-overflow: ellipsis;

	/* for Opera */

	-icab-text-overflow: ellipsis;

	/* for iCab */

	-khtml-text-overflow: ellipsis;

	/* for Konqueror Safari */

	-moz-text-overflow: ellipsis;

	/* for Firefox,mozilla */

	-webkit-text-overflow: ellipsis;

	/* for Safari,Swift*/

	display: -webkit-box;

	-webkit-line-clamp: 14;

	-webkit-box-orient: vertical;
	


}


.tab-cont .tabpic dd .span2{
	padding: 20px;
    margin-right: 40px;
    width: 80%;
   /*  background-image: url(../images/beijing.png); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
	line-height: 2;
    padding: 40px 0;
    display: block;
}

.tab-cont{overflow: hidden;}

.tab-cont-top{top:20px;width: 62%;float: right;margin-top: 15px;position: relative;z-index: 99;}

.tab-cont-top span{hight: 40px;line-height: 40px;padding-top: 20px;display: inline-block;font-size: 24px;font-weight: bold;margin-right: 80px;background-image: url(../images/d.jpg);background-repeat: no-repeat;background-position: top center;    cursor: pointer;}

.tab-cont-top span.dian{color: #000000;background-image: url(../images/dd.jpg);}

.tab-cont-foot li{display: none}

.tab-cont-foot li:first-child{display: block}

.heng {

	width: 100%;

	height: 1px;

	background: rgba(0, 0, 0, .1);

	display: block;

	position: absolute;

	top: 5.5%;

	left: 0;

}





/*è‡ªå®šä¹‰åˆ†é¡µå™¨æ&nbsp;·å¼*/



.tab-pag.swiper-pagination-custom {

	top: 5%;

	left: 38%;

	font-size: 24px;

	height: 10%;

	width: 62%;

	text-align: left;

}





/*è‡ªå®šä¹‰åˆ†é¡µå™¨æ¿€æ´»æ—¶çš„æ&nbsp;·å¼è¡¨çŽ°*/



.tab-cont .swiper-pagination-customs-active {

	opacity: 1;

	display: inline-block;

	margin-right: 40px;

	background-image: url(../images/dd.jpg);

	background-repeat: no-repeat;

	line-height: 70px;

	background-position: center top;

}



.swiper-pagination-custom {

	bottom: 0 !important;

	left: 0;

	display: inline-block;

	position: absolute;

}





/*è‡ªå®šä¹‰åˆ†é¡µå™¨çš„æ&nbsp;·å¼ï¼Œè¿™ä¸ªä½&nbsp;è‡ªå·±æƒ³è¦ä»€ä¹ˆæ&nbsp;·å­è‡ªå·±å†™*/



.swiper-pagination-customs {

	display: inline-block;

	cursor: pointer;

	margin-right: 40px;

	background-image: url(../images/d.jpg);

	background-repeat: no-repeat;

	line-height: 65px;

	background-position: center top;

}







/*ç¬¬ä¸‰å±*/



.sugg-pic:hover i {

	display: block;

}



.sugg-pic {

	display: block;

	overflow: hidden;

}



.sugg-pic dl {

	overflow: hidden;

	position: relative;

}



.sugg-pic i {

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

	background-size: contain;

	display: none;

}

.sugg-pic:hover .bgpic{background: #666}

.sugg-cont {

	padding-bottom: 100px;

}



.sugg-pic dd {

	background-size: cover;

}



.sugg-cont .sugg-pic dd,

.sugg-cont .sugg-pic dt {

	height: 370px;

	max-height: 410px;

	color: #000000;

	max-width: 410px;

	float: left;

	overflow: hidden;

	width: 50%;

}



.btn {

	width: 143px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	color: rgba(0, 0, 0, .5);

}



.sugg-cont .sugg-pic dt {

	background: #f8f6f9;

	height: 370px;

	position: relative;

	width: 50%;

}



.sugg-more {

/*	transform: translate(-50%, -50%);

	left: 50%;

	top: 50%;*/

	position: absolute;

	text-align: center;

	font-size: 20px;

}

.sugg-more{

	display:block;

	width:140px;

	height:100px;

	position: absolute;

	margin-left:-70px;

	margin-top:-50px;

	left:50%;

	top:50%;

}

.btn {

	border: none;

	border: 1px solid #333;

	color: rgba(0, 0, 0, .5);

	background: #f8f6f9;

	margin-top: 28px;

	font-size: 14px;

}



.sugg-cont .bgactive.bgpic {

	background-color: rgba(0, 0, 0, 0.8) !important;

	opacity: 0.8;

	color: #fff !important;

}



.btnbg {

	background-color: #fff !important;

	color: #000;

}



.newpag {

	position: absolute;

	bottom: 12% !important;

	text-align: center;

	width: 100%;

    height: 30px;

}

.swiper-pagination-switch{width:20px;height:20px;background-color:#ccc;border-radius:50%;display:inline-block;margin:0 10px;}

.swiper-pagination-switch.swiper-visible-switch{background-color:#666;}





.newpag.swiper-pagination-clickable.swiper-pagination-bullets {

	z-index: 99;

}



.newpag .swiper-pagination-bullet.swiper-pagination-bullet-active {

	right: 0;

	width: 15px;

	height: 15px;

	border: none;

	background-color: #8d8d8d;

	margin: 0 7.5px !important;

}



.newpag .swiper-pagination-bullet {

	width: 15px;

	height: 15px;

	background: #c7c7c7;

	margin: 0 7.5px !important;

}





/*ç¬¬å››å±*/



.service-cont .tabpic {

	position: relative;

}



.service-cont .tabpic dt {

	width: 33.85%;

	overflow: hidden;

	background-size: cover;

	background-repeat:no-repeat;

}



.service-cont .tabpic dd {

	width: 45%;

	left: 15%;

	top: 25%;

	position: relative;

}

.service-cont .tabpic dd.w100{

	width:95% !important;

	top:15%;

}

.service-cont .tabpic dd.w100 .service-tstd{margin:0;max-height:540px;overflow:auto;}

.service-cont .tabpic.tabpic_hz dd {

	width: 50%;

	left: 10%;

}



.service-cont .tabpic.tabpic_hz .box-hover-modal {

	height: 180px !important;

}



.service-cont .tabpic.tabpic_hz .box-hover-modal-m {

	height: 180px;

	line-height: 180px;

}



.service-cont .tabpic dd p {

	line-height: 36PX;

	overflow: auto;

	text-overflow: ellipsis;

	/* for IE */

	-o-text-overflow: ellipsis;

	/* for Opera */

	-icab-text-overflow: ellipsis;

	/* for iCab */

	-khtml-text-overflow: ellipsis;

	/* for Konqueror Safari */

	-moz-text-overflow: ellipsis;

	/* for Firefox,mozilla */

	-webkit-text-overflow: ellipsis;

	/* for Safari,Swift*/

	display: -webkit-box;

	-webkit-line-clamp: 13;

	-webkit-box-orient: vertical;

}



.page-posiablu {

	position: absolute;

	width: 13%;

	top: 25%;

	height: 70%;

	z-index: 9999;

}



.khan {

	height: 50px;

	z-index: 99999;

	display: block;

	margin-bottom: 50px;

}





/*è‡ªå®šä¹‰åˆ†é¡µå™¨æ&nbsp;·å¼*/



.tab-pags.swiper-pagination-custom {

	top: 25%;

	left: 0;

	font-size: 24px;

	width: 13%;

	text-align: left;

	text-align: center;

}





/*è‡ªå®šä¹‰åˆ†é¡µå™¨æ¿€æ´»æ—¶çš„æ&nbsp;·å¼è¡¨çŽ°*/



.service-cont .swiper-pagination-customs-active {

	opacity: 1;

	display: block;

	background-image: url(../images/dd.jpg);

	background-repeat: no-repeat;

	line-height: 36px;

	background-position: right;

	margin-bottom: 60px;

}



.swiper-pagination-custom {

	bottom: 0 !important;

	left: 0;

	display: inline-block;

	position: absolute;

}





/*è‡ªå®šä¹‰åˆ†é¡µå™¨çš„æ&nbsp;·å¼ï¼Œè¿™ä¸ªä½&nbsp;è‡ªå·±æƒ³è¦ä»€ä¹ˆæ&nbsp;·å­è‡ªå·±å†™*/



.swiper-pagination.tab-pags.swiper-pagination-custom .swiper-pagination-customs {

	display: block;

	cursor: pointer;

	background-image: url(../images/d.jpg);

	background-repeat: no-repeat;

	line-height: 36px;

	background-position: 98.5%;

	margin: 0;

	margin-bottom: 60px;

}



.shu {

	height: 40%;

	width: 1px;

	background: rgba(0, 0, 0, .1);

	display: block;

	position: absolute;

	left: 12.7%;

	top: 25%;

}



.service-tst {

	padding: 0 40px;

	overflow: auto;

	text-overflow: ellipsis;

	/* for IE */

	-o-text-overflow: ellipsis;

	/* for Opera */

	-icab-text-overflow: ellipsis;

	/* for iCab */

	-khtml-text-overflow: ellipsis;

	/* for Konqueror Safari */

	-moz-text-overflow: ellipsis;

	/* for Firefox,mozilla */

	-webkit-text-overflow: ellipsis;

	/* for Safari,Swift*/

	display: -webkit-box;

	-webkit-line-clamp: 13;

	-webkit-box-orient: vertical;

	    max-height: 508px;
}



.service-tst h1 {

	font-size: 16px;

}



.prevs,

.nexts {

	margin: 20px auto;

	width: 34px;

	height: 34px;

	line-height: 34px;

	text-align: center;

	border: 1px solid rgba(0, 0, 0, 0.5);

	border-radius: 50%;

	font-size: 20px;

}



.paginationbox {

	width: 13%;

	text-align: center;

	z-index: 99999;

	position: absolute;

	 bottom: 5%;

    left: 30%;

}



.paginationbox div:hover {

	box-shadow: 2px 3px 5px 0 #666666;

}





/*.paginationbox .prevs:hover{ animation: myfirsttop 1s ;}*/





/*.paginationbox .nexts:hover{ animation: myfirstbottom 1s ;}*/



@keyframes myfirsttop {

	0% {

		transform: translate(0px, -10px);

	}

	100% {

		transform: translate(0px, -10px);

	}

}



@keyframes myfirstbottom {

	0% {

		transform: translate(0px, 10px);

	}

	100% {

		transform: translate(0px, 10px);

	}

}



.bg {

	font-size: 180px;

	color: rgba(0, 0, 0, 0.05);

	position: absolute;

	top: 0;

	z-index:-1;

}

.bottom-bottom.bottom-bottom{bottom:0;}



/*ç¬¬äº”å±*/



.zq-newsbox {

	background: #f6f6f6;

}



.zq-news {

	padding-top: 93px;

	position: relative;

	z-index: 1;

}



.newsindtx-top {

	background-image: url(../images/hengs.png);

	background-position: center;

	background-repeat: no-repeat;

}



.newsindtx-top {

	text-align: center;

	position: relative;

	

	line-height: 80px;

}



.newsindtx-top span {

	display: inline-block;

	text-align: center;

	padding: 0 24px;

	background-color: #f6f6f6;

	font-size: 24px;

}



.zq-newstst {

	width: 66%;

}



.newsindtx-next {

	max-height: 260px;

}



.newsindtx-next h1 {

	font-size: 18px;

	color: #000000;

	line-height: 36px;

	overflow: hidden;

	text-overflow: ellipsis;

	/* for IE */

	-o-text-overflow: ellipsis;

	/* for Opera */

	-icab-text-overflow: ellipsis;

	/* for iCab */

	-khtml-text-overflow: ellipsis;

	/* for Konqueror Safari */

	-moz-text-overflow: ellipsis;

	/* for Firefox,mozilla */

	-webkit-text-overflow: ellipsis;

	/* for Safari,Swift*/

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}



.newsindtx-next a {

	padding: 42px 44px;

	padding-bottom: 9px;

	display: block;

	margin-bottom: 10px;

	background: #fff;

	max-height:260px;

}



.newsindtx-next p {

	line-height: 28px;

	overflow: hidden;

	text-overflow: ellipsis;

	/* for IE */

	-o-text-overflow: ellipsis;

	/* for Opera */

	-icab-text-overflow: ellipsis;

	/* for iCab */

	-khtml-text-overflow: ellipsis;

	/* for Konqueror Safari */

	-moz-text-overflow: ellipsis;

	/* for Firefox,mozilla */

	-webkit-text-overflow: ellipsis;

	/* for Safari,Swift*/

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	height:78px;

	

}







.newsindtx-next b {

	font-size: 40px;

	color: #7c7c7c;

	display: block;

	line-height: 30px;

}



.newsindtx-next small {

	line-height: 28px;

	color: #7c7c7c;

	font-family: heixi;

}



.newsindtx-next .hengs {

	width: 100%;

	height: 1px;

	background: #e7e7e7;

	border: none;

	margin: 20px 0 10px 0;

}



.newsindtx-date {

	display: block;

	background-image: url(../images/jt.png);

	background-position: right center;

	background-repeat: no-repeat;

}



.newsindex-nextbox:hover div {

	box-shadow: 2px 5px 11px 0 #ccc;

}



.industry dl {

	max-height: 170px;

	background: #fff;

	padding: 37px 45px;

	margin: 0 0 10px 10px;

}



.industry dl:hover {

	box-shadow: 2px 5px 11px 0 #ccc;

}



.industry .width20 {

	width: 20px;

	border: none;

	height: 1px;

	background: #e7e7e7;

	margin: 17px 0;

}



.industry dt {

	border-right: 1px solid #e7e7e7;

}



.industry dt b {

	font-size: 40px;

	line-height: 28px;

}



.industry dd {

	font-size: 18px;

	line-height: 36px;

	color: #000000;

}



.industry dd i {

	display: block;

	background-image: url(../images/jt.png);

	background-position: left center;

	background-repeat: no-repeat;

	height: 20px;

}



.botm {

	font-size: 275px;

	color: rgba(0, 0, 0, 0.05);

	position: absolute;

	bottom: 0;

	right: 0;

}



.zq-news33 {

	margin: -10px;

}





/*ç¬¬å…­å±å¹•*/



.contact-us,

.join-us {

	padding-top: 30px;

	padding-bottom: 30px;

}



.contact-us h2 {

	font-size: 24px;

	line-height: 36px;

	letter-spacing: 0px;

	color: #f6f6f6;

	font-weight: normal;

	font-family: heixi;

}



.contact-us h3 {

	font-size: 24px;

	font-weight: bold;

	line-height: 36px;

	letter-spacing: 4px;

	color: #f6f6f6;

}



.contactbox {

	height: 100%;

	text-align: center;

	color: rgba(246, 246, 246, 0.7);

	position: relative;

}



.contactbox1 {

	z-index: 999;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	/*background: url(../images/map-zz.png);*/

	background-size: 100% 100%;

}



.contactbox a {

	color: rgba(246, 246, 246, 0.7);

}



.container-hover {

	padding-bottom: 60px;

}



.containerhover-page {

	width: 50%;

	right: 0;

}



.containerhover-page&gt;div {

	display: inline-block;

	margin: 0 20px;

	transform: rotate(270deg);

}



.ditu {

	margin: auto;

}



.contactbox p {

	font-size: 16px;

	line-height: 40px;

	color: rgba(246, 246, 246, 0.7);

}



.shus {

	width: 1px;

	height: 95px;

	border: none;

	margin: 30px auto;

	background-color: rgba(246, 246, 246, 0.7);

}



.join-us h2 {

	font-size: 24px;

	line-height: 36px;

	letter-spacing: 0px;

	color: #000;

	font-weight: normal;

	font-family: heixi;

}




.join-usbox {

	height: 100%;

	text-align: center;

	color: rgba(246, 246, 246, 0.7);

}



.join-us h3 {

	font-size: 24px;

	font-weight: bold;

	line-height: 36px;

	letter-spacing: 4px;

	color: #000;

}



.hengs {

	width: 40px;

	height: 1px;

	background: #000;

	border: none;

	margin: 40px auto;

}



.hand {

	display: block;

	margin: 0 auto;

	margin-bottom: 75px;

}



.join-usbox p {

	color: #333333;

	line-height: 40px;

}



.jia {

	display: inline-block;

	border: none;

	background: #fff;

	color: #7C7C7C;

	font-weight: normal;

	font-size: 20px;

	margin-top: 20px;

	height: 40px;

	line-height: 40px;

	padding: 0 20px;

}



.jia:hover {

	box-shadow: 3px 5px 10px 4px #BFBFBF;

	border-radius: 5%;

}





/*é¦–é¡µç»“æŸ*/





/*æ‹›çº³è´¤å£«*/





/*banner*/





/*.bannertop {position: relative;}*/



.bannertop i {

	height: 400px;

	background-position: center !important;

	background-repeat: no-repeat !important;

	display: block;

	font-style: normal;

}



.bannertop-waper {

	position: relative;

	height: 100%;

}



.container {

	position: absolute;

	transform: translateY(-50%);

	top: 50%;

	width: 24%;

}



.bannertop h1 {

	font-size: 60px;

	color: #ffffff;

	border-bottom: 1px solid #fff;

}



.bannertop small {

	font-size: 60px;

	color: #fff;

	font-family: heixi;

}





/*banner end*/



.workerbox {

	padding-top: 51px;

}



.workerbox .togglecc {

	background-color: #f4f4f4;

	color: #333;

	line-height: 44px;

	display: block;

	padding: 0 20px;

}



.toggl999 {

	background-color: #999 !important;

	color: #fff !important;

}



.subt {

	padding: 60px 0 35px 28px;

	display: none;

}



.subt h1 {

	width: 81px;

	font-size: 18px;

	font-weight: normal;

	line-height: 36px;

	color: #333333;

}



.subt p {

	line-height: 36px;

}



.togglebox {

	padding-bottom: 30px;

}

.togglred{

	background: #999999 !important;

    color: #fff !important;

}

.pd100 {

	padding-bottom: 150px;

}



.date {

	font-style: normal;

}



.jion {

	width: 100%;

	min-height: 180px;

}



.jion&gt;div {

	width: 50%;

	min-height: 180px;

}



.jionus {

	height: 40px;

	line-height: 40px;

	background: #999999;

	color: #fff;

	padding: 0 60px;

	border: none;

	float: right;

	border: 1px solid #999;

}



:hover.jionus {

	background: #fff;

	color: #999;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}





/*æ–°é—»è¯¦æƒ…*/



.jion-newstop {

	text-align: center;

	display: block;

}



.jion-newstop h1 {

	font-size: 29px;

	line-height: 40px;

	color: #373737;

}



.jion-newstop small {

	font-size: 13px;

	line-height: 40px;

	color: #858585;

	font-family: heixi;

}



.jionhr {

	width: 100%;

	background: #cccccc;

	border: none;

	height: 1px;

}



.jion-newstop {

	margin-bottom: 40px;

}



.pro,

.nax {

	background: #fff;

	line-height: 40px;

	font-size: 18px;

	border: none;

}



.jion-news {

	padding: 73px 59px 62px 59px;

	background: #fff;

	overflow:hidden;

}

.jion-news img{

	max-width:1200px;

	/*width:100%;*/

	height:auto;

}

.jion-news button:hover a {

	color: #007AFF;

}



.jionask&gt;div {

	background-color: #fff;

}



.xgzx {

	font-size: 20px;

	line-height: 40px;

	color: #4c4c4c;

	padding-bottom: 90px;

}



.xgzx span {

	padding: 83px 0 42px 0;

	display: block;

}



.swiper-button-prev.swiper-button-black,

.swiper-button-next.swiper-button-black {

	display: none;

	opacity: .3;

}



.newscont:hover .swiper-button-prev.swiper-button-black,

.newscont:hover .swiper-button-next.swiper-button-black {

	display: block !important;

}





/*æ–°é—»*/



.swiperTab {

	display: flex;

	display: -webkit-box;  /* è€ç‰ˆæœ¬è¯­æ³•: Safari, iOS, Android browser, older WebKit browsers. */

    display: -moz-box;     /* è€ç‰ˆæœ¬è¯­æ³•: Firefox (buggy) */

    display: -ms-flexbox;  /* æ··åˆç‰ˆæœ¬è¯­æ³•: IE 10 */

    display: -webkit-flex; /* æ–°ç‰ˆæœ¬è¯­æ³•: Chrome 21+ */

	width: 100%;

	flex-direction: row;

	justify-content: center;

	align-items: center

}



.swiperTab li {

	font-size: 16px;

	width:33%;

	height: 48px;

	border-left: 1px solid #fff;

	background-color: #fff;

	cursor: pointer;

	-webkit-flex: 1;        /* Chrome */  

    -ms-flex: 1;             /* IE 10 */

    flex: 1;                /* NEW, Spec - Opera 12.1, Firefox 20+ */

    -webkit-box-flex: 1;     /* OLD - iOS 6-, Safari 3.1-6 */

    -moz-box-flex: 1; 

	flex-direction: row;

	justify-content: center;

	align-items: center;

	float:left;

}

.swiperTab  a{display: block;width: 100%;height: 48px;line-height: 48px;text-align: center;}



.swiperTab li:first-child {

	border-left: 1px solid transparent

}



.swiperTab .active a{display: block;width: 100%;height: 48px;line-height: 48px;color: #fff;text-align: center;}

.swiperTab li:nth-child(1).active {

	background-color: #007ddd

}



.swiperTab li:nth-child(2).active {

	background-color: #007ddd

}



.swiperTab li:nth-child(3).active {

	background-color: #007ddd

}



.swiper-slide.tbswiper-slide {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 75px 0

}



.tabslide dl {

	max-height: 185px;

	position: relative;

}



.tabslide a {

	display: block;

	margin-bottom: 20px;

	background-color: #f6f6f6;

}



.tabslide dl:hover {

	box-shadow: 2px 5px 11px 0 #ccc;

	transition: all .5s;

}



.tabslide .width20 {

	width: 20px;

	border: none;

	height: 1px;

	background: #e7e7e7;

	margin: 17px 0;

}



.tabslide dt {

	padding: 45px;

	background: #007ddd;

	color: #fff;

}



.tabslide dt b {

	font-size: 40px;

	line-height: 28px;

}



.tabslide dd {

	line-height: 30px;

	color: #000000;

	right: 0;

}



.tabslide dd i {

	display: block;

	background-image: url(../images/jt.png);

	background-position: right center;

	background-repeat: no-repeat;

	height: 20px;

}



.tabslide dd&gt;div {

	padding: 0 100px;

}



.tabslide dd&gt;div h1 {

	font-weight: normal;

	font-size: 18px;

}



.tabslide dd&gt;div p {

	font-size: 14px;

	color: #666666;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

}





/*åˆ†é¡µ*/



.fenye {

	text-align: center;

	padding-top: 55px;

}



.fenye ul {

	display: inline-block;

}



.fenye span {

	height: 35px;

	line-height: 35px;

	border: 1px solid #ededed;

	display: inline-block;

	margin: 0 7px;
	
    min-width: 23px;
    
    padding: 0 5px;

}



.fenye li {

	float: left;

	height: 35px;

	line-height: 35px;

	min-width: 35px;

	text-align: center;

}



.fenye li&gt;a {

	border: 1px solid #EDEDED;

	display: block;

	margin-right: -1px;

}



.fenye li&gt;a.ablue {

	background: #007AFF;

	color: #fff;

}



.bdnone {

	border: none !important;

}





/*åˆä½œä¼™ä¼´*/



.box-hover-modal {

	float: left;

	width: 12.5%;

	height: 150px;

	position: relative;

	background: #fff;

	overflow: hidden;

	border: 10px solid #fff;

}
.box-hover-kehu{border:0!important;}


.box-hover-modal-con {

	width: 100%;

	height: 100%;





}



.box-hover-modal-con img {

	width: 100%;

    height: 100%;

	display:inline-block;

}

.box-hover-kehu img{height:auto!important;}

.box-hover-modal-m {

	display: none;

	position: absolute;

	width: 100%;

	height: 100%;
	text-align: center;

	top: 0;

	left: 0;

	background: rgba(51,51,51,.3);

	color: #fff;
	font-size: 20px;
}

.box-hover-modal.modalindex{width:23%;}

.box-hover-modal.modalindex,.box-hover-modal-con.conlindex,.box-hover-modal-m.mindex{

	height:250px;

	line-height:250px;

}





.service-tstd {

	margin: 0 15px;

	overflow: hidden;

}



.box-hover-modal:hover .box-hover-modal-m{display:block;}



/*äº§å“*/



.fix {

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 999;

}



.containersss {

	padding: 60px 0;

	position: relative;

	min-height: 847px;

}



.swipertab-cp {

	width: 210px;

	height:550px;

	padding-bottom: 50px;

	background: #fff;
	position: relative;

}



.swipertab-cp .selected a{

	color: #fff !important;

	background: #007AFF;

}



.swipertab-cp .swiper-slide {

	text-align: center;

	font-size: 16px;

	height: 50px !important;

	/* Center slide text vertically */

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	cursor: pointer;

}

.swipertab-cp .swiper-slide a{display: block;color: #333;    width: 100%;height: 50px;line-height: 50px;}



.swipertab-cp2 {

	width: 80%;

}



.swipertab-cp2 .swiper-slide {

	color: #fff;

	text-align: center;

	box-sizing: border-box !important;

	line-height:50px;

}

.swiper-slide.swiper-no-swiping{width: 100%;}

.swiper-no-swiping .fenye {

	padding-top: 0;

}



.swipertab-cp2 .swiper-slideul li {

	width: 25%;

	float: left;

	overflow: hidden;

	padding-bottom: 70px;

}


.page-container  .swiper-slideul p img{width: 100%;height: auto}


#wraps{z-index:9999;margin-bottom:20px;}

.swipertab-cp2 .swiper-slideul .textcater {

	display:table;

	text-align: center;

}

.textcater a{display:inline-block;padding:15px;}

.swipertab-cp2 .swiper-slideul .textcater p{

	    height: 90px;

    display: table-cell;

    vertical-align: middle;

}

.nexted {

	background: url(../images/shubiao.png) no-repeat center;
	font-size: 30px;
    bottom: 25%;
    left: 0;
    z-index: 999;
    height: 30px;
    cursor: pointer;
    position: absolute;
    /* width: 100%; */
    width: 210px;

}



.swipertab-cp .swiper-button-next,

.swipertab-cp .swiper-container-rtl .swipertab-cp .swiper-button-prev {

	background: url(../images/shubiao.png) 50% no-repeat;

}
.swipertab-cp.swiper-free-mode .swiper-wrapper ,.swipertab-cp  .swiper-wrapper{height: 48px !important;}


.nexrts {

	background: url(../images/shubiao.png) no-repeat center;
	font-size: 30px;
    bottom: 55%;
    left: 0;
    z-index: 999;
    height: 30px;
    cursor: pointer;
    position: absolute;
    width: 210px;

}





/*å†…é¡µ*/



.product-top h1 {

	font-size: 24px;

	text-align: left;

	color: #000000;

	display: inline-block;

}



.product-top a {

	color: #666;

}



.product-top ul li {

	display: inline-block;

}



.icon-shouye {

	margin-right: 5px;

}



.product-top a:hover {

	color: #007AFF;

}



.product-heng {

	width: 100%;

	height: 1px;

	border: none;

	background: rgba(0, 0, 0, .3);

	margin-top: 30px;

	margin-bottom: 47px;

}



.product-js {
	
	color: #000000;

	height: 390px;

	background-color: #f4f4f4;

	padding: 20px 30px;

	margin-bottom: 77px;

}



.product-js dd {

	background-color: #fff;

	width: 45%;

	line-height: 390px;

	height: 390px;

	display: table-cell;

	vertical-align: middle;

	text-align: center;

}



.product-js img {

	max-width: 463px;

	max-height: 390px;

}



.product-js dt {

	width: 50%;

	height: 390px;
	
	text-align: left;

}

.product-js dt p{

		overflow: auto;

	text-overflow: ellipsis;

	/* for IE */

	-o-text-overflow: ellipsis;

	/* for Opera */

	-icab-text-overflow: ellipsis;

	/* for iCab */

	-khtml-text-overflow: ellipsis;

	/* for Konqueror Safari */

	-moz-text-overflow: ellipsis;

	/* for Firefox,mozilla */

	-webkit-text-overflow: ellipsis;

	/* for Safari,Swift*/

	display: -webkit-box;

	-webkit-line-clamp: 9;

	-webkit-box-orient: vertical;

}

.product-js dt h1 {

	font-size: 24px;

	line-height: 60px;

	padding-top: 30px;

		overflow: hidden;

	text-overflow: ellipsis;

	/* for IE */

	-o-text-overflow: ellipsis;

	/* for Opera */

	-icab-text-overflow: ellipsis;

	/* for iCab */

	-khtml-text-overflow: ellipsis;

	/* for Konqueror Safari */

	-moz-text-overflow: ellipsis;

	/* for Firefox,mozilla */

	-webkit-text-overflow: ellipsis;

	/* for Safari,Swift*/

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}





/**/



.page-swiper {

	width: 100%;

/*	border: 1px solid #e9e9e9;*/

	border-top: none;

	border-right: none;

	

	overflow: hidden;

	z-index: 999;

}



.page-swiper .selected {

	color: #fff !important;

	background-color: #007AFF !important;

}



.page-swiper .swiper-slide {

	padding: 0 15px;

	float: left;

	font-size: 16px;

	height: 50px !important;

	background: #f4f4f4;

	color: #333;

	/* Center slide text vertically */

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	cursor: pointer;

	border-right: 1px solid #e9e9e9;

	border-top: 1px solid #e9e9e9;

}





/*æ¡ˆä¾‹*/



.casebox-pic {

	position: relative;

	height: 800px;

}



.case-city {

	width: 26%;

	height: 100%;

	background-image: url(../images/anlizz.png);

	background-size: contain;

	position: absolute;

	top: 0;

	color: #f8f6f9;

}



.case-city .mg40 a {

	color: #ccc;

	line-height: 2.2;

}



.case-city h1 {

	font-size: 24px;

}



.case-city small {

	display: block;

	color: #cccccc;

	font-size: 14px;

	line-height: 30px;

	font-family: heixi;

}



.icon-fanhui {

	display: block;

	text-align: center;

	color: #fff;

}



.mg40 {

	margin-top: 40px;

}



.caseh1 {

	width: 65%;

	float: right;

}



.fanhui {

	width: 30%;

	text-align: center;

}



.fanhui-btn {

	z-index: 9999;

	position: absolute;

	left: 54%;

	top: 25%;

}



.fanhui-btn {

	display: none;

}



.city {

	height: 40px;

	line-height: 40px;

	background-image: url(../images/anlizz.png);

	margin-top: 20px;

}



.city .cityspan {

	width: 40%;

	text-align: right;

}



.city select {

	height: 40px;

	width: 50%;

	background-color: rgba(0, 0, 0, 0);

	color: #fff;

	border: none;

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

	background: url("../images/sjt.png") no-repeat scroll right center transparent;

	padding-right: 14px;

	margin-right: 20px;

}



.city select::-ms-expand {

	display: none;

}



.city select option {

	color: #333;

}



.city select option:hover {

	color: #fff;

}



.city select option:checked {

	background: #fff;

	color: #333;

}



.citypg .swiper-slide a {

	color: #fff;

	display: inline-block;

	width: 100%;

	padding: 20px 0;

}

.citypg dl{overflow:hidden;min-height: 126px;}

.citypg dd {

	width: 40%;

	text-align: right;

	height: 100%;

	position: relative;
	
	height: 80px;

}



.citypg dt {

	display: table;

	width: 55%;

	height: 80px;

}



.citypg dt h1 {

	display: table-cell;

	vertical-align: middle;

}







.citywidth a {

	background-color: #f4f4f4 !important;

	color: #000 !important;

}

.citypg i {

	display: inline-block;

	height: 80px;

	width: 80px;

	border-radius: 50%;

	background-position: center;

}



.anniu {

	display: block;

	text-align: center;

	position: absolute;

	bottom: 2%;

	z-index: 999;

	left: 50%;

	margin-left: -10px;

}



.anli h1 {

	font-size: 18px;

	color: #000;

	line-height: 50px;

}



.anli li {

	width: 14.28%;

	float: left;

	line-height: 28px;

}



.anli {

	padding: 30px 0 50px 0;

}



.citypgcontin {

	max-height: 630px;

}



.citypg {

	max-height: 600px;

}



.casepic img {

	height: 800px;

	max-height: 800px;

}



.newsindtx-top{text-align: inherit !important;background: none;position: relative;}

.newsindtx-top span{margin-left: 42px;padding: 0;}

.newsindtx-top .marg{    margin-right: 44px;position: absolute;right: 0;}

.marg:hover{color: #007AFF;}

.section-images{	height: 100%;

				    width: 100%;

				    background-size: cover;

				    display: inline-block;

				    transition: all 1s;

				}	

.section-images-container:hover .section-images	{transform: scale(1.2);}	





@media only screen and (min-width:700px) and (max-width: 1220px) {

	.logo{

		display: none;}



}



@media only screen and (min-width: 1220px) and (max-width: 1600px) {

	.sugg-cont .sugg-pic dd, .sugg-cont .sugg-pic dt,.sugg-cont .sugg-pic dt{

		height:290px !important;

	}

	.btnmore{

		bottom:5% !important;

	}

	.newsindtx-next a {

	padding: 22px 44px;	

		}

}



@media only screen and (min-width: 100px) and (max-width: 1000px) {

	.textcater a {

    display: inline-block;

    padding: 15px 5px;

}

.swipertab-cp2 .swiper-slideul .textcater p{

	height:65px;

}

	

	.tabslide dd{width:70%;}

	

	.citypg dl,.citypgcontin{height:120px !important;}

	.anniu{display:none;}

	

	.product-js{height:100%;}

	.jion-news img{max-width:100%;height:auto;}

	.mbsection{display: block !important;padding-top:7%;}

	.jion&gt;div {

		width: 100%;

	}

	.subt {

		padding: 20px;

	}

	.bannertop i {

		height: 320px;

	}

	.container {

		left: 50%;

		width: auto;

	}

	.bannertop h1,

	.bannertop small {

		font-size: 30px;

	}

	.swipertab-cp {

		padding-bottom: 0;

		width: 100% !important;

		float: none;

		border-bottom: 2px solid #007AFF;

		height:100%;

		background-color:#fff;

	}

	.nexted {

		display: none;

	}

	.swipertab-cp2 {

		width: 100% !important;

	}

	.swipertab-cp2 .swiper-slideul li {

		width: 50% !important;

		padding: 0;

		margin-bottom: 20px;

		border-bottom: 1px solid rgba(0, 0, 0, .1);

	}

	.fenye span {

		height: 25px;

		line-height: 25px;

		padding: 0 5px;

		margin: 0 5px;

	}

	.fenye li {

		height: 25px;

		line-height: 25px;

		min-width: 25px;

	}

	.swipertab-cp2 .swiper-slideul li i {

		height: 140px;

	}

	.swipertab-cp2 .swiper-slideul li img {

		height: auto;

		width: 100%;

	}

	.product-heng {

		display: none;

	}

	.product-top {

		margin: 0 10px;

		margin-top: 45px;

		display: none;

	}

	/*.product-js{height: 100%;}*/

	.product-js dd,

	.product-js dt {

		width: 100%;

		height: auto;

		line-height: initial;

	}

	.product-js img {

		width: 100%;

		height: auto;

	}

	.page-swiper2 .swiper-slide {

		padding: 0 10px;

	}

	.nexrts {

		display: none;

	}

	.page-swiper .swiper-slide {

		width: 25%;

	}

	

	.tab-pags.swiper-pagination-custom {

		width: 100%;

		top: 0;

		height: 10%;

	}

	.service-cont {

		padding-top: 150px;

	}

	.service-cont .swiper-pagination-customs-active {

		display: inline-block;

		background-position: center top;

		padding-top: 20px;

	}

	.swiper-pagination.tab-pags.swiper-pagination-custom .swiper-pagination-customs {

		background-position: center top;

		padding-top: 20px;

		display: inline-block;

		cursor: pointer;

		background-image: url(../images/d.jpg);

		background-repeat: no-repeat;

		line-height: 36px;

		font-size: 18px;

		padding: 20px 10px;

	}

	.shu {

		display: none;

	}

	.service-tst {

		padding: 0 40px;

	}

	.service-tst h1 {

		font-size: 16px;

	}

	.prevs,

	.nexts {

		margin: 10px auto;

		width: 34px;

		height: 34px;

		line-height: 34px;

		text-align: center;

		border: 1px solid rgba(0, 0, 0, 0.5);

		border-radius: 50%;

		font-size: 20px;

	}

	.paginationbox {

		bottom: 79%;

		right: 24px;

		display: none;

	}

	.service-cont .tabpic dd,

	.service-cont .tabpic dt {

		width: 100%;

		float: none;

	}

	.service-cont .tabpic dd {

		position: inherit;

		left: 0;

		top: 0;

	}

	/*.box-hover-modal-con img{top: 25%;}*/

	.service-tstd {

		margin: 0;

	}

	.box-hover-modal,

	.box-hover-modal-m {

		height: 80px;

		line-height: 80px;

		font-size: 14px;

	}

	.bg {

		font-size: 95px;

		top: 8%;

		z-index: -1;

	}

	.service-cont .tabpic dt {

		height: 320px;

	}

	.service-cont .tabpic dt img {

		width: 100%;

		height: auto;

	}

	.case-city {

		width: 100%;

		height: auto;

	}

	.mg40 {

		padding: 20px;

	}

	.citypg .swiper-slide a {

		display: inline-block;

		width: 100%;

	}

	.anniu {

		bottom: 15px;

	

	}

	.casepic{

		position: relative;

    height: 100%;

    overflow: hidden;

	}

	.casepic img {

		height: 320px;

		position: absolute;

		bottom: 0;

		position: absolute;

		bottom: 0;

		transform: translate(-50%, -50%);

		top: 50%;

		left: 50%;

		height: 100%;

	}

	.casebox-pic {

		height: 650px;

	}

	.anli li {

		width: 50%;

		text-align: left;

		

	}

	.anli li a{

		padding-left:15px;

	}

	.anli h1 {

		margin-left: 10px;

	}

	.jion-news {

		padding: 20px;

	}

	.jionhr,

	.jion-newstop {

		margin-bottom: 15px !important;

	}

	.jionhr {

		margin-top: 15px !important;

	}

	.pro,

	.nax {

		font-size: 16px;

	}

	.xgzx {

		padding-bottom: 20px;

	}

	.xgzx span {

		padding: 20px 10px;

	}

	.industry dt b{line-height:40px;}

	.industry dl {

		padding: 0;

	}

	.tabslide dt {

		padding: 25px;

	}

	.center-y.w90 {

		width: 70%;

	}

	.tabslide dd&gt;div {

		padding: 0 5px;

	}

	.tabslide dd&gt;div h1 {

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 1;

		overflow: hidden;

	}

	.tabslide dd&gt;div p {

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

	}

	.swiper-slide.tbswiper-slide {

		padding: 25px 0;

	}

	.swiperTab {

		border-bottom: 2px solid #007AFF;

	}

	.fenye {

		padding-top: 25px;

	}

	/*é¦–é¡µ*/

	.banner-bg {

		height: 320px;

	}

	.newnext {

		display: none;

	}

	.progress-tst {

		bottom: 12%;

	}

	.progress-tst h1 {

		font-size: 32px;

	}

	.progress-tst h2 {

		font-size: 25px;

	}

	.tab-cont,

	.hr100,

	.sugg-cont,

	.service-cont,

	.contactusbox {

		display: none;

	}

	.mbsection-company {

		text-align: center;

		color: #666;

		padding: 40px 0;

	}

	.mbsection-company small {

		font-size: 16px;

		font-family: heixi;

	}

	.mbsection-company h1 {

		font-size: 24px;

	}

	.swiper1-company {

		width: 100%;

		color: #ccc;

		font-size: 18px;

	}

	.swiper1-company .selected {

		color: #333;

		background: #f8f6f9;

		font-size: 18px;

		font-weight: bold;

	}

	.swiper1-company .swiper-slide {

		text-align: center;

		height: 50px !important;

		display: -webkit-box;

		display: -ms-flexbox;

		display: -webkit-flex;

		display: flex;

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		-webkit-justify-content: center;

		justify-content: center;

		-webkit-box-align: center;

		-ms-flex-align: center;

		-webkit-align-items: center;

		align-items: center;

		cursor: pointer;

	}

	.swiper2-company {

		width: 100%;

	}

	.swiper2-company .swiper-slide {

		box-sizing: border-box !important;

	}

	.slide-pic {

		position: relative;

	}

	.zz {

		position: absolute;

		top: 0;

		width: 100%;

		height: 100%;

		background: rgba(0, 0, 0, .6);

		text-align: center;

		display: none;

	}

	.slide-pic:hover .zz {

		display: block;

	}

	.slide-pic .slidea{

		overflow: hidden;

		height:180px;}



	.zz span 	{	font-size: 18px;

		position: absolute;

		display: inline-block;

		transform: translate(-50%, -50%);

		left: 50%;

		top: 50%;

		width: 100%;

		color: #fff;

	}

	a.btn {

		display: inline-block;

		width: 35%;



		font-size: 12px;

		height:30px;

	}

	.slide-pic img {

		width: auto;

		height: 100%;

	}

	.slide-company {

		padding: 35px 25px;

	}

	.Technology {

		margin-top: 41PX;

	}

	.Technology-index1,

	.Technology-index2 {

		position: relative;

		overflow: hidden;

		display: block;

	}

	.Technology i {

		height: 150px;

		display: block;

		background-position: center;

		background-size: cover;

		transition: all 2s;

	}

	.Technology-tst {

		position: absolute;

		bottom: 10%;

		left: 10%;

	}

	.Technology-tst:hover hr {

		background: #007AFF;

		width: 100%;

		-webkit-transition: all 0.3s ease-in-out;

		-moz-transition: all 0.3s ease-in-out;

		transition: all 0.3s ease-in-out;

	}

	.Technology-tst small {

		font-size: 12px;

		line-height: 15px;

		font-family: heixi;

	}

	.Technology-tst h1 {

		font-size: 18px;

		line-height: 36px;

	}

	.techno {

		height: 1px;

		border: none;

		width: 46px;

		background: rgba(0, 0, 0, .2);

		margin-bottom: 5px;

	}

	.Technology-index1:hover i,

	.Technology-index2:hover i {

		transform: scale(1.2);

	}

	.contact-us,

	.join-us {

		padding: 0;

		padding-top: 40px;

	}

	.contact-us{padding-bottom:20px;}

	.hengs{ margin: 27px auto;}

	.join-usbox {

		height: 480px !important;

	}

	.hand {

		margin-bottom: 10px;

	}

	.hand img{width:80px;height:auto;}

	.jia {

		margin: 10px 0;

	}

	.contactbox {

		

		height: 100% !important;

		text-align: center;

		color: rgba(246, 246, 246, 0.7);
		width: 100%;

	}

	.mapcontact-us {

		height: 100%;

		width: 100%;

		position: relative;

	}
	.ditu-m{margin:0 20px;padding-bottom: 30px;}
    .ditu-m img{max-width:100%;height:auto;}
	.showcont {

		display: block;

		padding-top: 50px;

	}

	.service-cont.showcont .tabpic.tabpic_hz dd {

		width: 100%;

		float: none;

		left: 0;

	}

	.service-cont.showcont .tabpic dt {

		height: 320px !important;

	}

	.service-cont.showcont .tabpic.tabpic_hz .box-hover-modal {
		width: 44%;

		height: 150px !important;

	}

	.service-cont.showcont .tabpic.tabpic_hz .box-hover-modal-m {

		height: 150px;

		line-height: 150px;

	}

	.container-hover {

		padding-bottom: 30px;

	}

	.service-cont.showcont .tabpic {

		height: 100% !important;

	}

	.next-icon {

		display: none;

	}

	.caseh1 {

		width: 100%;

	}

	.citypg i {

		width: 60px;

		height: 60px;

		left: 20%;

		top: 46%;

		margin-top: 10px;
	}

	.citypg dd {

		position: inherit;

	}

	.newscont {padding: 0px !important;}

	

}



@media only screen and (min-width: 320px) and (max-width: 375px) {

	.footer.mbfooter .footern p {

		font-size: 12px;

	}

}



@media only screen and (min-width: 100px) and (max-width: 320px) {

	.footer.mbfooter .footern p {

		font-size: 12px;

	}

	.pright {

		padding-right: 20px;

	}

	.icond {

		font-size: 18px !important;

	}

}

.newscont {padding: 0 50px;}



.tabpic.tabpic_ny dd{top: 20%;}

.tab-cont-top.tab-cont-top-ny{width: 100%;float: none;}

.tab-cont-foot.tab-cont-foot-ny{margin-top: 20px;}



.swipertab-cp2 .swiper-slideul li a&gt;i {

	display: block;

	max-height: 185px;

	height: 185px;

	line-height: 185px;

}



.swipertab-cp2 .swiper-slideul li img {

	max-height: 180px;

	height: auto;

	width: 100%;

	display: inline-block;

}

.mbsection{display: none}







/*æ–°çš„ç¬¬å››å±å¹•*/

.service-cont{overflow: hidden;height: auto;position: relative;}

.service-cont-top{width: 14%;float: left;position: absolute;z-index: 999;top: 26%;}

.service-cont-top span{text-align: center;height: 50px;line-height: 50px;margin-bottom: 50px;display:block;font-size: 24px;font-weight: bold;background-image: url(../images/d.jpg);background-repeat: no-repeat;background-position: 99% center;cursor: pointer;}

.service-cont-top span.dian{color: #000000;background-image: url(../images/dd.jpg);background-position-x: 100%;}

.service-cont-top span a{color: #666;}

.service-cont-top span.dian a{color: #000;}

.service-cont-foot{margin-left: 13%;}

.service-cont .tabpic dd{    left: 3%;}

.service-cont-foot .service-cont .tabpic.tabpic_hz dd{    left: 3%;width: 60%;}

.box-hover-modal-con{height: 180px;line-height: 180px;}



.service-cont-foot li{

				border-top:0;

				display: none;

			}

	.service-cont-foot li:nth-child(1){

				display: block;

			}

.sheng{width: 1px;

    height: 100%;

    background: rgba(0, 0, 0, .1);

    display: inline-block;

    position: absolute;

    right: 2%;

    top: 0;

    }

.btnmore{position:absolute;background-color:#007AFF;color: #fff;

    bottom: 5%;

    left: 50%;

    margin-left: -70px;

	display:block;

	width:140px;

	height:45px;

	line-height:45px;

	text-align:center;

	}	





.joinue_index,.Technology,.product-center{

	display: none;}

.iphonenone{

	display: block;}

.none {

	display: none;

}

.black{display:block !important;}	

@media only screen and (min-width: 100px) and (max-width: 1000px){

	

	.jionask&gt;div{margin-top:0 !important;}

	.newsindtx-top span{background: none !important;}

	.container-product.product_index_container{

		height:360px;

	}

	.container-product{height:155px;}

	.tab-cont-top{width:100%;top: 0px; padding-bottom:20px;}

	.tab-cont-top span{width:50%;margin:0;text-align:center;}

	.tab-cont-foot dd{padding:0 10px;}

	.heng{width:100%;}

	.joinue_index,.Technology,.product-center{display: block;}

	.bg-img,.banner-bg.swiper-container .swiper-wrapper,

	.bg-img	 video	{    height:320px !important; width: 100%;}

	.service-cont.showcont.pcservice,.iphonenone,.zq-newsbox.iphone-none{display: none}

	.service-cont.showcont .tabpic.tabpic_hz dd.iphone-top{

		top: 0 !important;}

	

	.zq-newsbox{height:auto !important;}

	.zq-news{padding-top:0;}

	.zq-news&gt;div{width:100%;}	

	.zq-news33{height:320px !important;}

	.zq-newstst&gt;div{float:none;width:100%;    margin: 40px 0;}

	.industry dl{margin:10px 0;padding:20px;}

	.no_border.iphone_qq{

		display:block;

	}

	.no_border.pc_qq{display:none;}



}

.pc_qq{display:block;}

.iphone_qq{

	display:none;

}





.service-cont-foot li{height:100%;}

.service-cont-foot li .swiper-no-swiping{width:100%;}

.box-hover-modal.modalindex:hover .box-hover-modal-m.mindex{display:block;}



.fixednav{position:fixed;top:0px;width:1121px;}

.banner-bg .bg-img video{

	min-width: 100%;

    display: block;

    min-height: 100%;

	background-color:#000;

	}

.erweima{margin: 30px auto;}
.erweima .erweima-img{margin:0px auto;width:211px}
.erweima img{width: 95px;height: 95px;}
.ewm-center{width: 1px;height: 95px;border: none;background-color: rgba(246, 246, 246, 0.7)}
.erweima .ewm-left{margin-right:10px}
.erweima .ewm-right{margin-left:10px}
@media screen\0 {

	.tab-cont .tabpic dd span {

    padding: 20px;

    margin-right: 40px;

    position: absolute;

    top: 50%;

	margin-top:-220px;

    line-height: 36PX;

    width: 80%;

    background-image: url(../images/beijing.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-position: center;

    overflow: auto;

	height:435px;

}

.sugg-more{

	display:block;

	width:140px;

	height:100px;

	position: absolute;

	margin-left:-70px;

	margin-top:-50px;

	left:50%;

	top:50%;

}

}

@media only screen and (max-width:1600px) {
	.contactbox p{line-height:30px;font-size:15px;}
	.box-hover-modal.modalindex,.box-hover-modal-con.conlindex,.box-hover-modal-m.mindex{height:220px!important;line-height:220px!important;}
	.service-tstd{margin-top: -240px!important;}
}

</pre></body></html>